{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}Estoque · {{ p.descricao }}{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>{{ p.descricao }}</h1><p>Código {{ p.codigo }} · unidade {{ p.unidade }}{% if p.controla_estoque|string == '0' %} · <b>sem controle de estoque</b>{% endif %}</p></div>
  <div class="acoes">
    <a class="btn" href="{{ url_for('estoque') }}">Voltar</a>
    <a class="btn" href="{{ url_for('produto_form', pid=p.id) }}">{{ icone('editar') }} Cadastro</a>
    <button class="btn prim" type="button" onclick='abrirMovimento({{ {"id": p.id, "descricao": p.descricao, "unidade": p.unidade}|tojson }})'>{{ icone('mais') }} Lançar movimento</button>
  </div>
</div>
<div class="grade g3">
  <div class="cartao kpi"><div class="rot">Saldo atual</div><div class="val" {% if saldo < 0 %}style="color:var(--erro)"{% endif %}>{{ saldo|qtd }} <span style="font-size:15px">{{ p.unidade }}</span></div>
    <div class="sub">{% if p.estoque_minimo %}mínimo {{ p.estoque_minimo }}{% else %}sem estoque mínimo{% endif %}</div></div>
  <div class="cartao kpi"><div class="rot">Custo médio</div><div class="val">{{ custo|moeda }}</div><div class="sub">das entradas com custo</div></div>
  <div class="cartao kpi"><div class="rot">Valor em estoque</div><div class="val">{{ (saldo * custo if saldo > 0 else 0)|moeda }}</div><div class="sub">saldo × custo médio</div></div>
</div>
<div class="cartao" style="margin-top:18px">
  <div class="cab"><h2>Movimentos</h2><span class="peq suave">{{ movs|length }} lançamento(s), do mais recente ao mais antigo</span></div>
  {% if movs %}
  <div class="tabela-wrap"><table class="tab">
    <thead><tr><th>Data</th><th>Tipo</th><th>Documento</th><th class="direita">Entrada</th><th class="direita">Saída</th><th class="direita">Saldo</th><th></th></tr></thead>
    <tbody>{% for m in movs %}
      <tr>
        <td class="nowrap">{{ m.data|data }}</td>
        <td>{{ m.tipo_nome }}{% if m.observacao %}<div class="suave peq">{{ m.observacao }}</div>{% endif %}</td>
        <td class="peq">{% if m.nota_id %}<a href="{{ url_for('nota_detalhe', nid=m.nota_id) }}">{{ m.documento }}</a>{% elif m.compra_id %}<a href="{{ url_for('compra_detalhe', cid=m.compra_id) }}">{{ m.documento }}</a>{% else %}{{ m.documento or '' }}{% endif %}</td>
        <td class="direita">{{ m.entrada|qtd if m.entrada else '' }}{% if m.entrada and m.custo_unitario %}<div class="suave peq">{{ m.custo_unitario|moeda }}/un</div>{% endif %}</td>
        <td class="direita">{{ m.saida|qtd if m.saida else '' }}</td>
        <td class="direita"><b>{{ m.saldo|qtd }}</b></td>
        <td>{% if not m.nota_id and not m.compra_id and not m.estorno_de %}
          <form method="post" action="{{ url_for('estoque_movimento_excluir', mid=m.id) }}" data-confirmar="Excluir este lançamento manual?">
            <button class="btn peq perigo" title="Excluir lançamento">{{ icone('lixo') }}</button></form>{% endif %}</td>
      </tr>{% endfor %}</tbody></table></div>
  {% else %}
  <div class="vazio">{{ icone('caixa') }}<div>Nenhum movimento ainda. Use “Lançar movimento” para informar o saldo inicial (inventário).</div></div>
  {% endif %}
</div>
{% include "_dlg_movimento.html" %}
{% endblock %}